<template>
    <nuxt-link :to="`/doctor/detail/${info.id}`">
        <div class="cell">
            <div class="avatar">
                <!-- <img src="@/assets/images/avatar.png" alt=""> -->
                <li-image :src="info.logo" class="img" round v-if="info.logo" :is-preview="false" :alt="`${$cookies.get('city')}-${info.name}`"></li-image>
                <van-image :src="require('@/assets/images/avatar_user.png')" class="img" round lazy-load :alt="`${$cookies.get('city')}-${info.name}`" v-else />
                <img src="@/assets/images/rz.png" class="rz" alt="" v-if="info.hasCertified == 1">
            </div>
            <div class="title van-multi-ellipsis">{{ info.name }}</div>
            <div class="sub van-multi-ellipsis">{{ info.personalTitle }}</div>
        </div>
    </nuxt-link>
</template>
<script>
export default {
    name: 'HospitalDoctor',
    components: {
    },
    props: {
        info: {
            type: Object,
            default: function () {
                return {};
            },
        },
    },
    data() {
        return {
            value: 4
        }
    },
    created() {

    },
    methods: {

    }
}
</script>
<style lang="less" scoped>
@import './hospital_doctor.less';
</style>